<template>
  <div>
      <h1>我爱你塞北的大雪</h1>
      <!-- 自定义事件:程序员自己瞎写、胡写、乱写自己定义的事件 -->
      <!--1:
         事件源，子组件Child
         事件类型,erha
         回调,是由组件App提供的
         //注意：自定义事件触发，需要有程序员自己触发【浏览器：人家不会帮咱们的】
       -->
      <Child @erha="handler"></Child>
  </div>
</template>

<script>
import Child from './components/Child.vue'
export default {
  name: '',
  //注册
  components:{
    Child
  },
  //App根组件的方法
  methods: {
    //自定义事件erha的回调函数
    handler(params){
     console.log('父亲的方法',params);
    }
  }
}
</script>

<style scoped lang="less">
 @color:red;
 div{
   width: 100%;
   height: 100%;
   background: skyblue;
   h1{
     color: @color;
   }
 }
</style>
